<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>01-元素内容操作</title>
		<!-- 01_元素内容操作   元素以及内容的部分
            .html()                无参---功能；获取匹配元素中第一元素内容
			                       有参--功能  匹配元素集合当中所有元素替换为新元素
			  .val()               无参--功能  表单内元素  ； input，select生效
			                                    获取表单元素中第一元素的内容
								   有参--功能    表单内元素 input select生效
								             input元素 直接显现value
											 selet  元素不直接显示 
			   特点；针对 （ 表单元素  input  ,select  ）								 
			 .text()
		 -->
		 <script src="../MI/js/jquery-1.11.1.js" ></script>
	</head>
	<body>
		<h1>html函数使用</h1>
		<button>按钮-针对html()函数-有参</button>
		<span>lorem1 </span>
		<span>lorem2 </span>
		<h1>val（）函数使用</h1>
		<button>按钮-针对val () 函数-无参</button>
		<input type="text" />
		<input type="文本框真实数据" />
		
		<button>按钮-针对val () 函数-有参</button>
		<select>
			<option value="rem1">lorem1</option>
			<option value="rem2">lorem2</option>
			<option value="rem3">Lorem3</option>
		</select>
		
		<script>
			//动态效果  点击按钮  获取第一表单元素的内容  元素打印出来
			// $("button").click(function(){
			// 	var in =$("input") val():
			// 	alert("val()函数无参"+ins);
			// });
			$("button").click(function(){
				//抓下拉列表value值--select
				var rem =$("section").val(rem1);
				//value的值   真实数据  option
				
			});
			$("select").val("rem1");
			
			
			
			
			
			//有参 ；点击按钮--下面两个span  改成 lorem   lorem
			$("button").click(function(){
				$("span").html("<span>lorem </span");
				
			});
			
			
			
			//js变量 【var  i=1 ==jq变量   var   变量名=值  元素       】
			//无参数          html()函数使用
			var html=$("span").html();
			//Bom方式  打印数据；
			//alert("无参数获取第一个元素内容"+html);
		</script>
		
		
	</body>
</html>